<script>
	export default {
		onLaunch: function () {
			// console.log('App Launch')
		},
		onShow: function () {
			// console.log('App Show')
		},
		onHide: function () {
			// console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "./common/uni.css";
	page {
		background-color: #FFFFF0;
		height: 100%;
		font-size:28upx;
		line-height: 1.8;
	}
	.page {
		width: 100%;
		
			.page-header {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100upx;
				background-color: #F76260;
				overflow: hidden;
				.arrow,
				.search {
					width: 15%;
					color: #FFFFFF;
					text-align: center;
				}
				.input {
					flex: 1;
					height: 80upx;
					line-height: 80upx;
					background-color: #FFFFFF;
					padding: 0 20upx;
					.input-text {
						font-size: 40upx;
						padding: 15upx 5upx;
					}
				}
			}
		
		.detail-data {
			height: 100%;
			overflow: hidden;
			.d-title,
			.d-spell,
			.d-explanation{
				padding: 10upx 40upx;
			}
			.d-title {
				height: 100upx;
				line-height: 100upx;
				background-color: #f1f1f1;
				color: #F76260;
				font-size: 52upx;
			}
			.d-explanation-content {
				color: #8A6DE9;
			}
			.d-spell {
				color: #F76260;
				font-size: 32upx;
			}
			.d-explanation {
				color: blueviolet;
				font-size: 32upx;
				.d-explanation-title {
					color: #09BB07;
					font-size: 32upx;
				},
				.d-derivation,
				.d-example{
					color: #333333;
					font-size: 32upx;
				}
			}
			.d-more {
				color: #666666;
			}
		}
	}
	
</style>
